:deep(.wd-popup) {
        width: 100%;
        border-radius: 12px 12px 0 0;

        .wd-popup__header {
          border-bottom: 1px solid #eee;
        }

        .wd-popup__title {
          font-size: 16px;
          color: #333;
          font-weight: 500;
        }
      }

      .popup-content {
        padding: 20px 16px;
      }

      .popup-filter-content {
        margin-bottom: 24px;
      }

      .filter-options {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;

        .filter-option {
          padding: 8px 20px;
          background-color: #f5f5f5;
          border-radius: 20px;
          font-size: 15px;
          color: #333;
          cursor: pointer;
          transition: all 0.2s;

          &.active {
            background-color: #0658ec;
            color: #fff;
          }

          &:hover {
            background-color: #e8e8e8;
          }

          &.active:hover {
            background-color: #0547c0;
          }
        }
      }

      .popup-actions {
        display: flex;
        justify-content: flex-end;
        gap: 12px;
        padding-top: 16px;
        border-top: 1px solid #eee;

        .action-btn {
          padding: 8px 24px;
          border-radius: 8px;
          font-size: 15px;
          cursor: pointer;
          transition: all 0.2s;

          &.cancel-btn {
            background-color: #f5f5f5;
            color: #666;
          }

          &.confirm-btn {
            background-color: #0658ec;
            color: #fff;
          }
        }
      }
